/*  
Theme Name: portfolio
Theme URI: http://www.petertolstrup.com

Description: This is my theme for my portfolio. Build based on the tutorial "So you want to create WordPress themes huh?" on wpdesigner.com

Version: 0.3

Author: Peter Tolstrup Aagesen
Author URI: http://www.petertolstrup.com/

*/

body, h1, h2, h3, h4, h5, h6, blockquote, p, a, input, textarea, ul, il{
	margin: 0px;
	padding: 0px;
}

ul, il {
	list-style-type:none;
}

body {
	font-family:Tahoma, sans-serif;	
	font-size:12px;
	color:#FFF;
	text-align:center;
	vertical-align:top;
	background:#3E4A4D;
}

h1 {
	font-size:30px;
	
	margin-bottom:10px;
}

h2 {
	font-size:24px;
	font-weight:bold;
	
	margin-bottom:10px;
}

h3 {
	font-size:18px;	
	font-weight:normal;
	margin-bottom:10px;
}

h4 {
	font-size:18px;
	font-weight:normal;
	color:#44D487;
	margin-bottom:10px;
}

strong  {
	font-size:14px;
	font-weight:bold;	
	margin-bottom:10px;
}

p {
	font-size:14px;
	margin-bottom:10px;
}

a:link, a:visited {
	text-decoration:none;
	color:#D0DB86;
}
a:hover {
	text-decoration:none;	
	color:#44D487;
}

#wrapper {
	margin:0 auto 0 auto;
	width: 900px;
	text-align:left;
}

#header{
	width:880px;
	height: 200px;
	padding-left:20px;
	background-image:url(header/header_background.png);
	background-repeat:no-repeat;
	background-position:right;
}
#headerlink{
	float:left;
	width:527px;
	height:108px;
	margin-top:30px;
	margin-bottom:32px;
	background-repeat:no-repeat;
	background-position:left;
	background-image:url(header/header_text_up.png);
}
#headerlink:hover {
	background-image:url(header/header_text_over.png);
}

#menu {
	float:left;
	height:30px;
}
.menuitem {
	float:left;
	height: 20px;	
	padding-top:5px;
	padding-right:10px;
	padding-bottom:5px;
	padding-left:10px;
	margin-right:10px;
	border-style:none;
}
#menuitemhome{
	width:78px;
	background-repeat:no-repeat;
	background-position:center;
	background-image:url(menu/home_up.png);
}
#menuitemhome:hover{
	background-image:url(menu/home_over.png);
}
#menuitemprojects{
	width:139px;
	background-repeat:no-repeat;
	background-position:center;
	background-image:url(menu/projects_up.png);
}
#menuitemprojects:hover{
	background-image:url(menu/projects_over.png);
}
#menuitemabout{
	width:97px;
	background-repeat:no-repeat;
	background-position:center;
	background-image:url(menu/about_up.png);
}
#menuitemabout:hover{
	background-image:url(menu/about_over.png);
}
#menuitemcontact{
	width:136px;
	background-repeat:no-repeat;
	background-position:center;
	background-image:url(menu/contact_up.png);
}
#menuitemcontact:hover{
	background-image:url(menu/contact_over.png);
}
#menu a:link .menuitem, #menu a:visited .menuitem{
	color:#109489;
	background-color: #262524;
}
#menu a:hover .menuitem{
	color:#44D487;
	background-color: #0D0D0D;
}


#container{
	float:left;
	width: 900px;
	background:#2C3030;
}
.containerspacer{
	width: 900px;
	height: 10px;
	background:#0D0D0D;
}

.welcome{
	clear:both;	
	width:860px; 
	margin-top:30px;
	margin-bottom:20px;
	margin-left:20px;
}
.welcomeheadline{
	height:30px;
	margin:0;
	margin-bottom:10px;
	padding:0;
	background-position:left;
	background-repeat:no-repeat;
}
#welcomeheadlinehome{
	width:213px;
	background-image:url(home/welcome.png);
}
#welcomeheadlineprojects{
	width:291px;
	background-image:url(projects/checkitout.png);
}
#welcomeheadlineabout{
	width:572;
	background-image:url(about/petertolstrupaagesen.png);
}
#welcomeheadlinecontact{
	width:202px;
	background-image:url(contact/contact.png);
}
#welcomeheadlinecategory{
	width:263px;
	background-image:url(categories/categories.png);
}

#homeprojects{
	clear:both;
	width:860px;
	height: 390px;
	padding-top:10px;
	padding-left:10px;
	margin-left:15px;
	background-color:#272A2A;
}
#homeprojectsheadline{
	width:259px;
	height:20px;
	margin:0;
	margin-bottom:10px;
	padding:0;
	background-position:center;
	background-repeat:no-repeat;
	background-image:url(home/latestprojects.png);	
}
.homeproject{
	float:left;
	width:420px;
	margin-right:10px;
	margin-bottom:10px;
	background-color:#1A1A1A;
}
.homeproject:hover{
	background-color:#0D0D0D;
}
.homeproject a:link, .homeproject a:visited {
	color:#109489;
}
.homeproject a:hover{
	color:#44D487;
}
.homeprojectthumbnail{
	width:410px;
	height:300px;	
	margin-top:5px;
	margin-left:5px;	
	border-style:none;
}
#bigfeaturedprojects{
	clear:both;
	float:left;
	width:640px;
	height:100%;
	padding-top:10px;
	padding-left:10px;
	margin-left:15px;
	margin-right:10px;
	margin-bottom:30px;	
	background-color:#272A2A;
}
#bigfeaturedprojectsheadline{
	width:292px;
	height:20px;
	margin:0;
	margin-bottom:10px;
	padding:0;
	background-position:center;
	background-repeat:no-repeat;
	background-image:url(projects/featuredprojects.png);
}
.bigfeaturedproject{
	float:left;
	width:310px;
	margin-right:10px;
	margin-bottom:10px;
	background-color:#1A1A1A;
}
.bigfeaturedproject:hover{
	background-color:#0D0D0D;
}
.bigfeaturedproject a:link, .bigfeaturedproject a:visited {
	color:#109489;
}
.bigfeaturedproject a:hover{
	color:#44D487;
}
.bigfeaturedprojectthumbnail{
	width:300px;
	height:220px;	
	margin-top:5px;
	margin-left:5px;	
	border-style:none;
}

#smallfeaturedprojects{
	clear:both;
	float:left;
	width:205px;
	height:100%;
	padding-top:10px;
	padding-left:5px;
	margin-right:10px;
	margin-bottom:10px;	
	background-color:#272A2A;
}
#smallprojectsheadline{
	width:139px;
	height:50px;
	margin:0;
	margin-bottom:10px;
	padding:0;
	background-position:center;
	background-repeat:no-repeat;
	background-image:url(projects/moreprojects.png);
}
.smallfeaturedproject{
	float:left;
	width:200px;
	height:170px;
	margin-right:10px;
	margin-bottom:10px;
	color:#109489;
	background-color:#1A1A1A;
}
#smallfeaturedprojectsheadline{
	width:140px;
	height:50px;
	margin:0;
	margin-left:5px;
	margin-bottom:10px;
	padding:0;
	background-position:center;
	background-repeat:no-repeat;
	background-image:url(projects/featuredprojectssmall.png)
}
.smallfeaturedproject:hover{
	background-color:#0D0D0D;
}
.smallfeaturedproject a:link, .smallfeaturedproject a:visited {
	color:#109489;
}
.smallfeaturedproject a:hover{
	color:#44D487;
}
.smallfeaturedprojectthumbnail{
	width:190px;
	height:140px;	
	margin-top:5px;
	margin-left:5px;	
	border-style:none;
}
#smallprojects{
	float:left;
	width:200px;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:10px;
	margin-bottom:30px;	
	background-color:#272A2A;
}
.smallproject{
	margin-right:50px;
}
.smallproject a {
	padding-right:5px;
	padding-left:5px;
}
.smallproject a:link, .smallproject a:visited {
	color:#109489;
	background-color:#1A1A1A;
}
.smallproject a:hover {
	color:#44D487;
	background-color:#0D0D0D;
}
.smallprojectname {
	font-size:14px;
	font-weight:bold;
	margin-top:5px;
	margin-bottom:0px;
}

.projectname {
	font-size:14px;
	font-weight:bold;
	margin-top:5px;
	margin-bottom:0px;
	padding-left:5px;
}
.projectname:hover{
	color:#44D487;
}
.projectmetadata{
	font-size:11px;
	margin-top:2px;
	margin-bottom:5px;
	margin-left:5px;	
}
.projectmetadata a:link, .projectmetadata a:visited {
	color:#fff;
}
.projectmetadata a:hover {
	text-decoration:none;	
	color:#44D487;
}

#employerquotes{
	clear:both;	
	height:200px;
	margin-top:20px;
	margin-bottom:30px;
	margin-left:20px;
}
#employerquotesheadline{
	width:271px;
	height:20px;
	margin:0;
	margin-bottom:10px;
	padding:0;
	background-position:center;
	background-repeat:no-repeat;
	background-image:url(home/employerquotes.png);
}
.quote{
	float:left;
	width: 200px;
	margin-right:20px;
}
.quote p{
	font-size:12px;
}

#single{
	clear:both;	
	float:left;
	width:640px;
	height:100%;
	padding-top:30px;
	margin-left:20px;
	margin-right:10px;
	margin-bottom:30px;	
}
.singlewelcome{
}
.singlewelcome p {
	font-size:18px;	
	font-weight:normal;
	margin-bottom:10px;	
}
#singleprojects{
	float:left;
	width:210px;
	height:100%;
	padding-top:30px;
}
#singleimagearea{
	padding:5px;
	padding-bottom:0px;
	background-color:#202222;
}
#singleimagearea p{
	padding:0px;
	padding-bottom:5px;
	margin:0px;
	margin-bottom:5px;
	font-size:12px;
}
.singleimagelink{
		
}
.singleimage{
	padding:0px;
	margin-bottom:5px;
	border:none;
}

#page{
	clear:both;	
	float:left;
	width:640px;
	height:100%;
	margin-left:20px;
	margin-right:10px;
	margin-bottom:30px;	
}

#aboutpage{
	clear:both;	
	float:left;	
	width:425px; 
	height:100%;
	margin-right:10px;
	margin-bottom:30px;	
	margin-left:20px;
}

#aboutinfo{
	float:left;	
	width:440px; 
	height:100%;
	margin-bottom:30px;	
}
.biginfobox{
	float:left;	
	width:410px;
	padding:10px;
	margin-bottom:10px;
	background-color:#272A2A;
}
.biginfobox li{
	font-size:14px;
	margin-bottom:5px;
}
.biginfobox a{
	font-size:14px;
	background-color:#1A1A1A;	
	padding-right:5px;
	padding-bottom:2px;
	padding-left:5px;
}
.infoboxheadline{
	height:20px;
	margin:0;
	margin-bottom:10px;
	padding:0;
	background-position:left;
	background-repeat:no-repeat;
}
#infoboxheadlinecv{
	width:273px;
	background-image:url(about/curriculumvitae.png);
}
#infoboxheadlineinspiration{
	width:149px;
	background-image:url(about/inspiration.png);
}
#infoboxheadlinefriends{
	width:93px;
	background-image:url(about/friends.png);
}
#infoboxheadlinemailform{
	width:192;
	background-image:url(contact/leaveareply.png);
	
}
#infoboxheadlinecontactinfo{
	width:187px;
	background-image:url(contact/contactinfo.png);
}
.smallinfobox{
	float:left;
	width:200px;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:10px;
	margin-right:10px;
	background-color:#272A2A;	
}
.smallinfobox li{
	font-size:14px;
}
.smallinfobox li.smallinfoboxlink{
	margin-top:5px;	
}
.smallinfobox a{
	font-size:14px;
	background-color:#1A1A1A;	
	padding-right:5px;
	padding-bottom:2px;
	padding-left:5px;
}
#smallinfobox a:hover{
	background-color:#0D0D0D;
}

#bigcategoryheadline{
	width:341px;
	height:20px;
	margin:0;
	margin-bottom:10px;
	padding:0;
	background-position:center;
	background-repeat:no-repeat;
	background-image:url(categories/projectsincategory.png)
}
#smallcategoryheadline{
	width:177px;
	height:50px;
	margin:0;
	margin-bottom:10px;
	padding:0;
	background-position:center;
	background-repeat:no-repeat;
	background-image:url(categories/othercategories.png)
}
#smallcategorylist li{
	margin-bottom:5px;
}
#smallcategorylist a{
	font-size:14px;
	background-color:#1A1A1A;	
	padding-right:5px;
	padding-left:5px;
}
#smallcategorylist a:hover{
	background-color:#0D0D0D;
}

/*--- COMMENTS ---*/
.comments{
	margin-left:-5px;
}
.commentheadline{
	height:20px;
	margin:0;
	margin-bottom:10px;
	padding:0;
	background-position:left;
	background-repeat:no-repeat;
}
#commentheadlinecomments{
	width:148px;
	background-image:url(comments/comments.png);
}
#commentheadlinereply{
	width:192px;
	background-image:url(comments/leaveareply.png);
}
.commentlistobject{
	clear:both;
	float:left;
	width:auto;
	height:auto;
	margin-right:10px;
	margin-bottom:10px;	
	background-color:#202222;
}
.commentmetadata{
	float:left;
	width:195px;
	height:100%;
	line-height:15px;
	padding-top:5px;
	padding-right:10px;
	padding-bottom:5px;
	padding-left:10px;
	background-image:url(comments/commentarrow.png);
	background-position:right;
	background-repeat:no-repeat;
}
.commentmetadata a{
	color:#FFF;
}
.commentmetadata a:hover{	
	color:#44d487;
}
.commentmetadata .commentauthername a:link, .commentmetadata .commentauthername a:visited{	
	color:#109489;
}
.commentmetadata .commentauthername a:hover{	
	color:#44d487;
}
.commenttext{
	float:left;
	width:390px;
	height:inherit;
	padding-top:5px;
	padding-right:10px;
	padding-bottom:10px;
	padding-left:10px;
	background-color:#2D3638;
}

.comments p.nocomments{
	padding: 0;
}
.comments textarea{
	font-size: 12px;
}
.comments #commentssection{
	float:left;
	width:635px;
	height:100%;
	padding-top:10px;
	padding-left:10px;
	margin-right:10px;
	margin-bottom:10px;	
	background-color:#272A2A;	
}
.comments #replysection{
	float:left;
	width:635px;
	height:100%;
	padding-top:10px;
	padding-left:10px;
	margin-right:10px;
	background-color:#272A2A;	
}
.comments .inputfields{
	float:left;	
	margin-right:10px;
}
#userinputfields{
	width:100%;	
}
#userinputfields textarea{
	width:620px;
}
#smallinputfields{
	width:205px;
}
#smallinputfields input{
	width:200px;
	height:20px;
}
#smallinputfields p{
	line-height:20px;
}
#biginputfields{
	width:405px;
}
#biginputfields textarea{
	width:405px;
}
#biginputfields p{
	line-height:20px;
}
.commentsbutton{
	background-color:1a1a1a;
}


/*--- SIDEBAR CODES ---*/
#sidebar{
	clear:both;	
	width: 900px;
	height: 250px;
	background:  #2D3638;
}
#sidebar li{
	font-size:14px;
}
#sidebar a{
	font-size:14px;
}
.sidebarheadline{
	height:20px;
	margin:0;
	margin-bottom:10px;
	padding:0;
	background-position:left;
	background-repeat:no-repeat;
}
#sidebarheadlinecategories{
	width:157px;
	background-image:url(sidebar/categories.png);
}
#sidebarheadlineblogroll{
	width:136px;
	background-image:url(sidebar/blogroll.png);	
}
#sidebarheadlinecontactinfo{
	width:187px;
	background-image:url(sidebar/contactinfo.png);
	
}
#sidebarheadlinemeta{
	width:73px;
	background-image:url(sidebar/meta.png);
}

.sidebarspacer{
	height:5px;
	width: 900px;
	background:#1A1A1A;
}

.sidebarlist{
	width:885px;
	height:200px;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 15px;
}
.sidebaritem{
	float:left;
	width: 200px;
	height:180px;	
	margin-right: 10px;
	padding-top:10px;
	padding-left:10px;
	background:#232829;
}

/*--- FOOTER CODES---*/
#footer{
	clear:both;	
	height: 135px;
	background-color:#3E4A4D;
	background-position:right;
	background-repeat:no-repeat;
	background-image:url(footer/footer.png);
}
#footertext {
	width: 885px;
	height: 10px;
	padding-left: 15px;
	font-size:8px;
	color:#3E4A4D;
	background:#0D0D0D;
}